<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>个人中心</title>
	<style type="text/css">
		body {
			padding: 20px;
		}

		h1,
		h2,
		h3,
		a {
			font-weight: normal;
			color: :#0088dd;
			margin: 0px;
		}

		h1 {
			font-family: :Georgia, Times, serif;
			font-size: 350%;
			text-shadow: 2px 2px 3px #666666;
			padding-bottom: 10px;
		}

		h2 {
			font-family: "Gill Sans", Arial, sans-serif;
			font-size: 90%;
			text-transform: uppercase;
			letter-spacing: 0.2em;
		}

		h3 {
			font-size: 150%;
		}

		li {
			list-style: none;
			margin: 0;
			padding: 0;
			float: right;
		}

		table{
	width:95%;
	margin:auto;
}
	</style>
</head>

<body>
	<h1>个人中心</h1>
	<!--侧面菜单栏-->
	<div>
		<ul>
            <li>
<a href="#" class="border-3 menu-arrow" onclick="openAccountDropdown(this, 'settings'); return false;">设置</a>
                <select style="width:220px;font-size:20px;"  id="class" >
                                  <option><h1>请选择</h1></option>
                                  <option><h1>修改密码</h1></option>
                                  <option><h1>隐私设置</h1></option>
                                  <option><h1>答题方式</h1></option>
                                  
                            
                                  </select>
<span class="arrow"></span>
<div class="flyout-menu" id="settings-menu" style="display: none;">
<ul>
    <li>
        <a>修改密码</a>
    </li>
    <li>
        <a>隐私设置</a>
    </li>
    <li>
        <a>答题方式</a>
    </li>
</ul>

</div>
</li>
			
		</ul>
	</div>

	<div>
		<h2 style="color: gray">个人情况简介</h2>
<div xmlns="http://www.w3.org/1999/xhtml" id="lobby-account">
<h3 class="section-title">通行证信息</h3>
<div class="lobby-box">
<h4 class="subcategory">通行证名称</h4>
<p>G12345@163.COM</p>
<h4 class="subcategory">姓名</h4>
<p>李小明 </p>
<h4 class="subcategory help-link-right" data-tooltip="昵称是指您所选择的，用于在oj中代表您自己的名称。" data-tooltip-options="{&quot;location&quot;: &quot;mouse&quot;}">昵称</h4>
<p>
小明
<span class="edit">[<a href="/account/management/battletag-modify.html?type=free" id="battletag-free">修改</a>]</span>
</p>
<p>
专业：16计科
</p>
</div>
<h3 class="section-title">积分信息</h3>
<div class="lobby-box payment-box">
<p>
积分：0
<span class="edit">[<a href="/account/management/battletag-modify.html?type=free" id="battletag-free">做题</a>]</span>
</p>
	</div>
  
	<div>
		<h2 style="color: gray">个人做题历史</h2>
		<table border="1">
			<tr>
				<th>序号</th>
				<th>题目名称</th>
				<th>题目难度</th>
				<th>得分</th>
			</tr>
			<tr>
				<th>1</th>
				<th>1</th>
				<th>1</th>
				<th>1</th>
			</tr>
		</table>
	</div>
    
    </body>
        </html>